<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="css/api.css" />
    <link rel="stylesheet" href="css/aui.css" />
    <link rel="stylesheet" href="css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header class="aui-bar aui-bar-nav" style="background: #fff;">
    <a class="aui-pull-left aui-btn" href="#" style="border-right:1px solid #aeaeae;height: 28px;margin-top: 12px;color: #666;font-size: 0.7rem;">
        区域ⅴ
    </a>
    <div class="aui-title community-name" style="right: 3rem;left: 3rem;">重要通知</div>
</header>
<div class="notice">
    <div class="content">
        <a href="#" title="">
            <div class="p"><p class="aui-ellipsis-2">社区由于管道改造的停水</p></div>
            <div class="down">
                <p class="date">2017-03-26</p>
                <p class="more">查看详情</p>
            </div>
        </a>
        <a href="#" title="">
            <div class="p"><p class="aui-ellipsis-2">PK漂亮生活KTV（紫荆精品店）价值148元下午场5小时欢唱+果汁小吃套餐</p></div>
            <div class="down">
                <p class="date">2017-03-26</p>
                <p class="more">查看详情</p>
            </div>
        </a>
    </div>
</div>
<div style="width: 100%;height: 3.5rem;background: #eceef3;"></div>
<footer class="aui-bar aui-bar-tab" id="footer">
    <a href="index.html" class="ft-act aui-bar-tab-item aui-active" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">首页</div>
    </a>
    <a href="72.html" class="aui-bar-tab-item" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">72实体店</div>
    </a>
    <a href="contact.html" class="aui-bar-tab-item" tapmode>
        <div class="img">
        </div>
        <div class="aui-bar-tab-label">联系我们</div>
    </a>
</footer>
</body>
<script type="text/javascript" src="script/api.js"></script>
<script type="text/javascript" src="script/aui-slide.js"></script>
<script type="text/javascript" src="script/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
    

        
        
        var slide = new auiSlide({
    container:document.getElementById("aui-slide3"), //容器
    // "width":300, //宽度
    "height":180, //高度
    "speed":500, //速度
    "autoPlay": 3000, //自动播放
    "loop":true,//是否循环
    "pageShow":true,//是否显示分页器
    "pageStyle":'line', //分页器样式，分dot,line
    'dotPosition':'center' //当分页器样式为dot时控制分页器位置，left,center,right
})

var ygd = 2;
var index = 0;
     function gundong(){
       
        var gs = $(".hot-box .top .list a").length;
        var cd = gs-2;
        if (index==cd) {
            ygd = 0;index = 0;
        }else{ygd+=2;index+=1;}

        $(".hot-box .top .list").css("margin-top","-"+ygd+"rem");

     }

     setInterval("gundong()", 3000);

$('.s-btn').click(function(){
    var data = $(this).parent().parent().parent().attr('data');
    if (data == 1) {
        $(this).parent().parent().parent().removeClass('s-act');
        $(this).parent().parent().parent().attr('data',0);
        $(this).attr('src','image/more.png');
    }else{
        $(this).parent().parent().parent().addClass('s-act');
        $(this).parent().parent().parent().attr('data',1);
        $(this).attr('src','image/more1.png');
    }
})
    
</script>
</html>